Интересная бага (фича) IE6

[gfranco]

Наткнулся на новый (для себя) глюк IE6. У меня есть простой, незамысловатый код:

 <div id = "leftSide" style="width:230px; float:left; background-color:#000000">
 sad
 </div>
 <div id = "main" style="background-color:#f4f4f4f; margin-left:230px;">
 <div id = "header" style="height:150px; background-color:#99CC00;">
 </div>
 <div id = "content" style="background-color:#CC0000;">
 sd
 </div> 
 </div>

В FireFox, Opera и даже IE7 я увидел то что и ожидал:

Но в IE6 я увидел следующее:

Зеленый DIV (у которого id = "header") меньше, чем тот который под ним. Опытным путем удалось выяснить, что проблема из за указания height, который мне надо будет указывать не только здесь но и в других местах...

Прошу помощи

[Vlad]

Какой DOCTYPE?

Попробуй код со слоями в одну строку записать, в IE6 иногда помогает такой прием.

[yopopt]

Это "тр?хпиксельный баг". Возникает при использовании float. Погуглите про него.

[Tokolist]

fuking 3px IE bug

i hate IE

[gfranco]

Огромное спасибо всем кто отозвался! Проблема решилась. Как много иногда можно узнать только по названию баги

Надо просто в CSS добавить:

* html div#main { height:1%; }

И все

Кстати, часть проблемы все же осталась... Блоки сравнялись, но отступ остался:

Мелочь конечно, но не приятно...